<template>
<div style="height:100%;overflow-y:auto">
<Card>
        <Row style="text-align: center;">
            <h1>卡牛信用卡数据</h1>
        </Row>
        <Collapse v-model="value1">
            <Panel name="1">
                基本信息
                <div slot="content">
                    <Form :label-width="120" inline>
                        <FormItem label="用户姓名" prop="">
                            <Input placeholder=""  v-model="datamap.house_holder"  readonly></Input>
                        </FormItem>
                        <FormItem label="是否与网银用户姓名匹配" prop="">
                            <Input placeholder=""  v-model="datamap.is_match_netbank_house_holder"  readonly></Input>
                        </FormItem>
                        <FormItem label="是否触碰驭信黑名单" prop="">
                            <Input placeholder=""  v-model="datamap.is_cardniu_blacklist"  readonly></Input>
                        </FormItem>
                        <FormItem label="身份证号" prop="">
                            <Input placeholder=""  v-model="datamap.idcard"  readonly></Input>
                        </FormItem>
                        <FormItem label="邮箱" prop="">
                            <Input placeholder=""  v-model="datamap.email"  readonly></Input>
                        </FormItem>
                        <FormItem label="性别" prop="">
                            <Input placeholder=""  v-model="datamap.gender"  readonly></Input>
                        </FormItem>
                        <FormItem label="地址" prop="">
                            <Input placeholder=""  v-model="datamap.address"  readonly></Input>
                        </FormItem>
                        <FormItem label="网络套现" prop="">
                            <Input placeholder=""  v-model="datamap.is_t1"  readonly></Input>
                        </FormItem>
                        <FormItem label="POS套现" prop="">
                            <Input placeholder=""  v-model="datamap.is_t2"  readonly></Input>
                        </FormItem>
                        <FormItem label="全额还款用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_full_repayment"  readonly></Input>
                        </FormItem>
                        <FormItem label="还款能力不足" prop="">
                            <Input placeholder=""  v-model="datamap.is_lack_repayment"  readonly></Input>
                        </FormItem>
                        <FormItem label="轻微逾期用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_slightly_overdue"  readonly></Input>
                        </FormItem>
                        <FormItem label="严重逾期用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_seriously_overdue"  readonly></Input>
                        </FormItem>
                        <FormItem label="频繁取现" prop="">
                            <Input placeholder=""  v-model="datamap.is_c1"  readonly></Input>
                        </FormItem>
                        <FormItem label="账单波动过大" prop="">
                            <Input placeholder=""  v-model="datamap.is_b1"  readonly></Input>
                        </FormItem>
                        <FormItem label="常态高额度用卡" prop="">
                            <Input placeholder=""  v-model="datamap.is_a1"  readonly></Input>
                        </FormItem>
                        <FormItem label="活卡增加" prop="">
                            <Input placeholder=""  v-model="datamap.is_a2"  readonly></Input>
                        </FormItem>
                        <FormItem label="提额用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_a3"  readonly></Input>
                        </FormItem>
                        <FormItem label="降额用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_h3"  readonly></Input>
                        </FormItem>
                        <FormItem label="有车" prop="">
                            <Input placeholder=""  v-model="datamap.is_cz"  readonly></Input>
                        </FormItem>
                        <FormItem label="海外购物用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_hw"  readonly></Input>
                        </FormItem>
                        <FormItem label="商旅用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_ly"  readonly></Input>
                        </FormItem>
                        <FormItem label="网购用户" prop="">
                            <Input placeholder=""  v-model="datamap.is_wg"  readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡张数" prop="">
                            <Input placeholder=""  v-model="datamap.netbank_credit_num"  readonly></Input>
                        </FormItem>
                        <FormItem label="储蓄卡张数" prop="">
                            <Input placeholder=""  v-model="datamap.netbank_deposit_num"  readonly></Input>
                        </FormItem>
                    </Form>
                </div>
            </Panel>
             <Panel name="2">
                授信数据
                <div slot="content">
                    <Form :label-width="120" inline>
                        <FormItem label="卡片id" prop="">
                            <Input placeholder=""  v-model="creditmap.card_id"  readonly></Input>
                        </FormItem>
                        <FormItem label="卡号后四位" prop="">
                            <Input placeholder=""  v-model="creditmap.card_end"  readonly></Input>
                        </FormItem>
                        <FormItem label="卡片级别" prop="">
                            <Input placeholder=""  v-model="creditmap.card_level"  readonly></Input>
                        </FormItem>
                        <FormItem label="卡种类" prop="">
                            <Input placeholder=""  v-model="creditmap.card_type"  readonly></Input>
                        </FormItem>
                        <FormItem label="所属银行code" prop="">
                            <Input placeholder=""  v-model="creditmap.bank_code"  readonly></Input>
                        </FormItem>
                        <FormItem label="银行类型" prop="">
                            <Input placeholder=""  v-model="creditmap.bank_name"  readonly></Input>
                        </FormItem>
                        <FormItem label="账单日" prop="">
                            <Input placeholder=""  v-model="creditmap.bill_date"  readonly></Input>
                        </FormItem>
                        <FormItem label="最后还款日" prop="">
                            <Input placeholder=""  v-model="creditmap.pay_date"  readonly></Input>
                        </FormItem>
                        <FormItem label="卡片信用额度" prop="">
                            <Input placeholder=""  v-model="creditmap.credit_limit"  readonly></Input>
                        </FormItem>
                        <FormItem label="卡片可用额度" prop="">
                            <Input placeholder=""  v-model="creditmap.limit_avail"  readonly></Input>
                        </FormItem>
                        <FormItem label="取现额度" prop="">
                            <Input placeholder=""  v-model="creditmap.cash_credit_limit"  readonly></Input>
                        </FormItem>
                        <FormItem label="本期剩余应还金额" prop="">
                            <Input placeholder=""  v-model="creditmap.new_surplus_payment"  readonly></Input>
                        </FormItem>
                        <FormItem label="当前可用积分" prop="">
                            <Input placeholder=""  v-model="creditmap.pointsavailable"  readonly></Input>
                        </FormItem>
                        <FormItem label="币种" prop="">
                            <Input placeholder=""  v-model="creditmap.currency"  readonly></Input>
                        </FormItem>
                        <FormItem label="开卡日期" prop="">
                            <Input placeholder=""  v-model="creditmap.sigup_date"  readonly></Input>
                        </FormItem>
                        <FormItem label="全卡号" prop="">
                            <Input placeholder=""  v-model="creditmap.full_card_num"  readonly></Input>
                        </FormItem>
                        <FormItem label="身份证" prop="">
                            <Input placeholder=""  v-model="creditmap.idcard_no"  readonly></Input>
                        </FormItem>
                        <FormItem label="手机号码" prop="">
                            <Input placeholder=""  v-model="creditmap.phone"  readonly></Input>
                        </FormItem>
                        <FormItem label="家庭地址" prop="">
                            <Input placeholder=""  v-model="creditmap.address"  readonly></Input>
                        </FormItem>
                        <FormItem label="绑定邮箱" prop="">
                            <Input placeholder=""  v-model="creditmap.email"  readonly></Input>
                        </FormItem>
                    </Form>
                </div>
            </Panel>
            <Panel name="3">
                工资明细
                <div slot="content">
                    <Form :label-width="120" inline>
                        <FormItem label="卡号后四位" prop="">
                            <Input placeholder=""  v-model="salarymap.card_num"  readonly></Input>
                        </FormItem>
                        <FormItem label="交易描述" prop="">
                            <Input placeholder=""  v-model="salarymap.summary"  readonly></Input>
                        </FormItem>
                        <FormItem label="对方账户名" prop="">
                            <Input placeholder=""  v-model="salarymap.opposite_name"  readonly></Input>
                        </FormItem>
                        <FormItem label="金额" prop="">
                            <Input placeholder=""  v-model="salarymap.amount"  readonly></Input>
                        </FormItem>
                        <FormItem label="支出类型" prop="">
                            <Input placeholder=""  v-model="salarymap.type"  readonly></Input>
                        </FormItem>
                        <FormItem label="卡id" prop="">
                            <Input placeholder=""  v-model="salarymap.card_id"  readonly></Input>
                        </FormItem>
                        <FormItem label="交易日期" prop="">
                            <Input placeholder=""  v-model="salarymap.trans_date"  readonly></Input>
                        </FormItem>
                    </Form>
                </div>
            </Panel>
        </Collapse>
    </Card>
    </div>
</template>

<script>
export default {
  name: 'loan-credit-reporting',
  data () {
    return {
      value1: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30],
      item: null,
      datas: [],
      rl: null,
      fq: null,
      baseUrl: this.$appContext.marvels_core_approve,
      datamap: {},
      creditmap: {},
      salarymap: {}
    }
  },
  methods: {
    initpage: function () {
      this.loadCredit()
    },
    // 征信报告
    loadCredit: function () {
      var vm = this
      //  var loanId = this.$route.query.loanId;
      //  var serviceType =this.$route.query.serviceType;
      // //  debugger
      //  var reqNo = this.$route.query.reqNo;
      //  console.log(reqNo,serviceType,loanId);
      var params = {}
      params.loanId = this.$route.query.loanId
      params.serviceType = this.$route.query.serviceType
      params.reqNo = this.$route.query.reqNo
      this.$ajax.get(this.baseUrl + '/approve/process/credit_reporting/service/getCreditDetail', {params: params}).then(re => {
        var data = re.data
        vm.datamap = data.data.data.datamap || {}
        vm.creditmap = data.data.data.creditmap || {}
        vm.salarymap = data.data.data.salarymap || {}
      }).catch(er => {
      })
    }
  },
  created () {
    this.$ajax = this.$util.ajax()
    this.initpage()
    document.getElementsByTagName('title')[0].innerText = '卡牛征信-核心管理系统'
  },
  //   watch: {
  //     //点击tab页签，加载数据，只加载一次
  //     "taskParams.creditDataMxServiceImpl_detail"(v) {
  //         // debugger
  //     //   if (v) {
  //     //     this.initpage();
  //     //   }
  //     }
  //   },
  props: {
    taskParams: Object
  }
}
</script>

<style lang="less">
.ivu-form-item {
  margin-bottom: 1px;
}
</style>
